*{margin:0;padding:0;box-sizing:border-box;border:0;outline:none;resize:none}
html{font-size:62.5%;overflow-x:hidden}
body{font-family:'microsoft yahei';color:#333;font-size:1.4rem;overflow-x:hidden;}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#333;transition:.3s;display:block}
input,textarea{font-family:'microsoft yahei';font-size:1.4rem;color:#333;border:1px #333 solid;border-radius:.5rem;}
input:focus,textarea:focus{border:1px #333 solid;}
input::placeholder,textarea::placeholder{font-family:'microsoft yahei';font-size:1.4rem;color:#333}

.width{max-width:140rem;margin:0 auto;width:calc(100% - 4rem)}

.b{font-weight:bold}

.space{height:10rem;}

.img_bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s}
.bg-80{width:100%;height:100%;background-size:auto 80%;background-repeat:no-repeat;background-position:center center;transition:.8s;}

.img-div{display:flex;justify-content:center;align-items:center}
.img-div img{max-width:100%;max-height:100%}

.clear{clear:both;zoom: 1;}

.empty{text-align:center;font-size:1.6rem;padding:3rem 0}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

.font-jb{background-image:linear-gradient(to right,#00b1ff,#0dd4c5);-webkit-background-clip:text;color:transparent;display:inline-block;}

.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#E1E1E1}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#F2F2F2}

.layui-layer-hmg{border-radius:50px !important}
.layui-layer-btn .layui-layer-btn0{background:#1E4476;color:#fff;border-color:#1E4476}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#1E4476 !important;background-color:#1E4476 !important}

.page{text-align:center;margin:5rem auto}
.page a,.page .a_cur{display:inline-block;width:5rem;height:5rem;line-height:5rem;margin-right:1.5rem;font-size:1.6rem;border-radius:50%;color:#333;border:1px #e2e2e2 solid;color:#999}
.page .a_cur{background:linear-gradient(to right,#01B3FC,#0CD3C7);color:#fff}

@media (max-width:1400px){
    html{font-size:56.25%}
}

@media (max-width:1000px){
    .width{margin:3rem auto}

    .page{margin:3rem auto}
    .page a,.page .a_cur{margin-right:1rem;width:4rem;height:4rem;line-height:3.8rem;font-size:1.4rem}
}

@media (any-hover:hover){
	.layui-layer-btn .layui-layer-btn0:hover{color:#fff !important}
	
	.img_bg .bg:hover,.img_bg .bg-80:hover{transform:scale(1.1)}
    
    .page a:hover{background:linear-gradient(to right,#01B3FC,#0CD3C7);color:#fff}
}

/*头部*/
.header{height:10rem;position:fixed;top:0;width:100%;left:50%;transform:translateX(-50%);z-index:1100;transition:.3s}
.header.active{background:#00224C}
.header.index{background:none}
.header.index .width{max-width:160rem}
.header .width{display:flex;justify-content:space-between;align-items:center;}
.header .logo{width:20rem;height:3.4rem;cursor:pointer}
.header .right{display:flex;align-items:center;}
.header .nav{display:flex;}
.header .nav .item{position:relative}
.header .nav .item>a{font-size:1.6rem;padding:0 2.5rem;line-height:10rem;color:#fff;font-weight:bold;}
.header .nav .item>a.active{background-image:linear-gradient(to right,#00b1ff,#0dd4c5);-webkit-background-clip:text;color:transparent;display:inline-block;}
.header .nav .child{display:none;position:absolute;top:8rem;left:50%;transform:translateX(-50%);width:18rem;border-radius:2rem;background:#0169A5;padding:1rem 0}
.header .nav .child>a{padding:1rem;color:#fff;text-align:center}
.header .icon{display:flex;align-items:center}
.header .icon>div{margin:0 1.5rem;cursor:pointer;}
.header .lang{width:2.4rem;height:2.4rem;background:url(../images/lang.png) no-repeat center center/2.4rem;position:relative;}
.header .lang .popup{display:none;position:absolute;top:4rem;left:50%;width:10rem;transform:translateX(-50%);background:#0169A5;z-index:1001}
.header .lang .popup>a{line-height:4rem;text-align:center;color:#fff}
.header .lang .popup>a:first-child{border-bottom:.1rem rgba(255,255,255,.1) solid}
.header .search{width:2rem;height:2rem;background:url(../images/search.png) no-repeat center center/2rem;position:relative}
.header .search .popup{display:none;position:absolute;top:4rem;right:0;width:30rem;height:5rem;z-index:1001}
.header .search .popup>div{display:flex}
.header .search .popup .input{width:calc(100% - 5rem);padding:0 1.5rem;background:#f9f9f9;border:0;border-radius:0}
.header .search .popup .btn{width:5rem;height:5rem;background:#0169A5 url(../images/search.png) no-repeat center center/2rem;}
.header .menu{display:none;width:2rem;height:2rem;background:url(../images/menu.png) no-repeat center center/2rem;position:relative}
.header .close{display:none;width:2rem;height:2rem;background:url(../images/close.png) no-repeat center center/2rem;position:relative}

.nav-m{display:none;position:fixed;top:8rem;left:0;bottom:0;width:100%;background:#00285E;overflow-y:auto;z-index:1005;}
.nav-m li{border-bottom:.1rem solid rgba(255,255,255,.1);font-size:1.8rem;padding-bottom:2rem;margin-bottom:2rem;position:relative}
.nav-m li::after{position:absolute;top:1.2rem;right:0;transform:translateY(-50%);content:'';width:2rem;height:2rem;background:url(../images/arrow4.png) no-repeat center center/2rem;transition:.3s}
.nav-m li.rotate::after{transform:rotate(90deg);top:0}
.nav-m li>a{display:inline-block;color:#fff}
.nav-m .child{display:none;margin-left:2rem;margin-bottom:3rem}
.nav-m .child>a{line-height:2.6rem;color:#fff;padding:1rem 0;border-bottom:.1rem solid rgba(255,255,255,.1);font-size:1.6rem}

.footer{background:#09356D;padding:8rem 0 7rem}
.footer .info{display:flex;justify-content:space-between;margin-bottom:6rem}
.footer .f_nav{width:65%;display:flex;justify-content:space-between;padding-right:8rem;border-right:1px solid;border-image:linear-gradient(0,rgba(255,255,255,.1) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 100%) 2 2 2 2}
.footer .f_nav .item{margin-right:1rem}
.footer .f_nav .item>a{font-size:1.6rem;font-weight:bold;margin-bottom:2.5rem;color:#fff}
.footer .f_nav .child>a{margin-bottom:1rem;color:rgba(255,255,255,.5)}
.footer .info_r{width:35%;display:flex;justify-content:space-between;align-items:center}
.footer .info_r .con{width:70%;padding:0 1rem 0 4rem;}
.footer .info_r .phone{background:url(../images/phone.png) no-repeat left center/4rem;padding-left:5rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:5rem;color:#fff}
.footer .info_r .phone>p{font-size:2.4rem;font-weight:bold;color:#fff !important}
.footer .info_r .con p{line-height:3rem;color:rgba(255,255,255,.5)}
.footer .info_r .qr{width:30%;display:flex;flex-direction:column;align-items:center;color:#fff}
.footer .info_r .qr>img{width:12rem;height:12rem;margin-bottom:1rem}
.footer .info_r .qr>p{text-align:center}
.footer .txt{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;padding-top:3rem;margin-top:3rem;color:rgba(255,255,255,.5)}
.footer .txt a{color:rgba(255,255,255,.5);display:inline-block}

.inner-banner{color:#fff;position:relative}
.inner-banner a{color:#fff}
.inner-banner .pc{padding-bottom:37%;}
.inner-banner .m{display:none;padding-bottom:100%}
.inner-banner .width{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center}
.inner-banner .info{width:50%;}
.inner-banner .info .name{font-size:4.8rem;font-weight:bold;margin-bottom:2rem;}
.inner-banner .info .note{font-size:1.8rem;opacity:.5}
.inner-banner .img{position:absolute;top:32%;right:10%;width:25%;height:42%;background-size:auto 100%}
.inner-banner .pos{position:absolute;width:100%;bottom:5rem;display:flex;background:url(../images/pos.png) no-repeat left center/1.6rem;padding-left:2.5rem}
.inner-banner .pos>span{padding:0 1rem}
.inner-banner .pos>em{font-style:normal;opacity:.5}

@media (max-width:1000px){
    .header{height:8rem;}
    .header .width{margin:0 auto;height:100%}
    .header .logo.m{width:15rem;height:2.5rem;background-size:15rem auto !important}
    .header .nav{display:none}
    .header .icon>div{margin:0 .5rem}
    .header .menu{display:block}
    
    .footer .width{margin:0 auto;}
    .footer{padding:3rem 0}
    .footer .info{display:block;margin-bottom:2rem}
    .footer .f_nav{display:none}
    .footer .info_r{width:100%;display:block;margin-top:1rem}
    .footer .info_r .con{width:100%;padding:0;margin-bottom:2rem}
    .footer .info_r .phone{margin-bottom:2rem}
    .footer .info_r .qr{width:100%;}
    .footer .txt{display:block;padding:3rem 0 0}
    .footer .txt>p{line-height:2.4rem;text-align:center}
    .footer .txt>a{display:none}
    
    .inner-banner .width{width:calc(100% - 4rem);margin:0 auto;}
    .inner-banner .info{width:100%;text-align:center;margin-top:-30%}
    .inner-banner .info .name{font-size:3rem}
    .inner-banner .info .note{line-height:2.8rem}
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .pos{bottom:3rem;white-space:nowrap;overflow-x:auto}
}

@media (any-hover:hover){
    /*a:hover{font-weight:bold}*/
    
    .header .nav .item>a:hover,.header .nav .child>a:hover,.footer a:hover{background-image:linear-gradient(to right,#00b1ff,#0dd4c5);-webkit-background-clip:text;color:transparent}
}